<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="../assets/css/bootstrap.css" rel="stylesheet" />
		<!-- FONTAWESOME STYLES-->
		<link href="../assets/css/font-awesome.css" rel="stylesheet" />
		<!-- CUSTOM STYLES-->
		<link href="../assets/css/custom.css" rel="stylesheet" />
		<!-- GOOGLE FONTS-->
		<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
		<link rel="stylesheet" href="../assets/command/Bootstrap/bootstrap-3.3.0/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../assets/command/bower_components/bootstrap-treeview/dist/bootstrap-treeview.min.css" />
		<script src="../assets/command/jquery-3.4.0.min.js"></script>
		<script src="../assets/command/Bootstrap/bootstrap-3.3.0/js/bootstrap.min.js"></script>
		<script src="../assets/command/bower_components/bootstrap-treeview/dist/bootstrap-treeview.min.js"></script>
		<script src="../assets/command/bower_components/moment/min/moment.min.js"></script>
		<script src="../assets/command/bower_components/moment/min/locales.min.js"></script>
		<script src="../assets/command/bower_components/bootbox/bootbox.min.js"></script>
		<script src="../assets/command/bower_components/bootstrap-select/dist/js/bootstrap-select.js" type="text/javascript"
		 charset="utf-8"></script>
		<script src="../assets/command/bower_components/bootstrap-switch/dist/js/bootstrap-switch.min.js" type="text/javascript"
		 charset="utf-8"></script>
		<script src="../assets/command/bower_components/bootstrap-table/dist/bootstrap-table.min.js" type="text/javascript"
		 charset="utf-8"></script>
		<script src="../assets/command/bower_components/bootstrap-table/dist/locale/bootstrap-table-zh-CN.js" type="text/javascript"
		 charset="utf-8"></script>
		<script src="../assets/command/bower_components/moment/min/locales.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="application/javascript">
			
			$(function() {
				// 读取列表数据
				$.ajax({

					//提交类型
					type: "get",
					// 数据类型
					dataType: "json",
					// 数据访问路径
					url: "../json/xmchuangjian.json",
					success: function(result) {
						// alert(result);
						// 函数调用
						createTable(result);
					},
					error: function(data) {
						alert(data);
					}
				});
				// 新增按钮点击事件
				$("#btnDel").click(function() {
					$("#Modaltai2").modal();
				});
				$("#btnUpdate").click(function() {
					$("#myModal1").modal();
				});
				$("#btnNew").click(function(){
					$("#Modaltai").modal();
				});
			});

			function shanchu() {
				prompt("上传的文件");
			};
			
			
			
			// 将数据绑定在表格上
			function createTable(userData) {
				console.log(userData)
				// 将表格内容清空
				$("#tblUser").bootstrapTable("destroy");
				$("#tblUser").bootstrapTable({
					data: userData,
					loadMsg: "正在加载数据",
					sidePagination: "client",
					pageSize: 5,
					pagination: true,

					// singleSelect: true,
					columns: [{
							field: "state",
							checkbox: true,
							align: "center"


						},
						{
							field: "sj-title",
							align: "center",
							title: "项目名称"
						},
						{
							field: "dyuser",
							align: "center",
							title: "项目总金额（￥）"
						},
						
						{
							field: "yjje",
							align: "center",
							title: "项目开始时间"
						},
						{
							field: "lxr",
							align: "center",
							title: "项目验收时间"
						},

						{
							field: "lxdh",
							align: "center",
							title: "项目结束时间"
						},
						{
							field: "gjxx",
							align: "center",
							title: "项目的主要完成内容"
						},
						{
							field: "cjsj",
							align: "center",
							title: "项目负责人电话"
						},
						{
							field: "cjsj1",
							align: "center",
							title: "项目主要完成内容"
						},
						{
							field: "cjsj2",
							align: "center",
							title: "是否合格"
						},
						
						{
							field: "cjsj4",
							align: "center",
							title: "供应商负责事务"
						},
						{
							field: "cjsj5",
							align: "center",
							title: "合同编号"
						},
						{
							field: "cjsj6",
							align: "center",
							title: "每个供应商说明"
						},
						{
							field: "cjsj7",
							align: "center",
							title: "供应商联系方式"
						},
						

					]

				});
			}
		</script>
	</head>
	<body>
		<h2>项目创建页面</h2>
		<h5>欢迎回到项目创建页面 </h5>
		
		
		<!-- /. ROW  -->
		<hr />
		<div class="row">
			<div class="col-md-12">
				<!-- Form Elements -->
				<div class="panel panel-default">
					<div class="panel-heading">
						搜索
		
					</div>
					<div class="panel-body">
						<div class="row">
							<div class="col-md-12">
								<form role="form">
									<div class="control-group">
										<label class="control-label " for="">合同编号：</label>
											<input class="form-inline" type="text" id="" placeholder="">&nbsp;
											<label class="control-label " for="">合同名称：</label>
											<input class="form-inline" type="text" id="" placeholder="">&nbsp;
											<label class="control-label " for="">合同类型：</label>
											<input class="form-inline" type="text" id="" placeholder=""><br /><br />
											<label class="control-label " for="">合同截至时间：</label>
											<input class="form-inline" type="text" id="" placeholder="">
											
											
										</div>
										<div class="container-fluid">
											</div>
										</div>
										</div>
										</div>
									    
											<div class=" row col-md-10" style="margin-top: 15px; margin-left: px;">
													<button id="btnNew" class=" btn btn-default" type="button">新增</button>
													<button id="btnUpdate" class=" btn btn-success" type="button">修改</button>
													<button id="btnDel" class=" btn btn-danger" type="button">查询</button>
												</div>
										
										<div class="row col-md-10">
											<table id="tblUser"></table>
										</div>
									<div class="modal fade" id="Modaltai2" tabindex="-1" role="dialog" aria-labelledby="myModallable" aria-hidden="hidden">
						<div class="modal-dialog">
							<div class="modal-content">
								<!-- 标题 -->
								<div class="modal-header">
									<!-- data-dismiss关闭按钮 aria-hidden再洗隐藏-->
									<button class="close" data-dismiss="modal" aria-hidden="true" type="button">X</button>
									<h4 class="modal-title"> 新增岗位信息</h4>
								</div>
								<!-- 内容部分 -->
								<div class="modal-body ">
									<!-- 分组 -->
									<div class="form-group">
										<!-- 添加内容部分 -->
										<label class="control-label">姓名:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
										<input class="form-control" type="text" id="tijiaoxinxi" maxlength="20" />
										<br>				
										<label class="control-label">工作科室</label>
										<select name="" id="" class="from-control">
											<option value ="">行政科室</option>
											<option value ="">管理部门</option>
											<option value ="">电力维护部门</option>
										</select>
											
										<br>
										<br />
										<label class="control-label">担任职务</label>
										<select name="" id="" class="from-control">
											<option value ="">经理</option>
											<option value ="">业务人员</option>
											<option value ="">线路维护工人</option>
										</select>
										<br>
										
					
									</div>
								</div>
					
								<div class="modal-footer">
									<button class="btn  btn-success" id="btnxinzheng" type="button">查询</button>
								</div>
							</div>
						</div>
					
					</div>
					
				
				</div>
			</div>
		</div>
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
						<div class="modal-dialog">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
										&times;
									</button>
									<h4 class="modal-title" id="myModalLabel">
										输入修改信息
									</h4>
								</div>
								<div class="modal-body ">
									<!-- 分组 -->
									<div class="form-group">
										<!-- 添加内容部分 -->
										<label class="control-label">姓名:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
										<input class="form-control" type="text" id="tijiaoxinxi" maxlength="20" />
										<br>
										<label class="control-label">职务:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
										<input class="form-control" type="text" id="tijiaoxinxi" maxlength="20" />
										<br />
								
										<label class="control-label">联系电话:</label>
										<input class="form-control" type="text" id="tijiaoxinxi" maxlength="20" />
										<br>
										<label class="control-label">所属部门:</label>
										<input class="form-control" type="text" id="tijiaoxinxi" maxlength="20" />
										<br />
										<label class="control-label">科室:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
										<input class="form-control" type="text" id="tijiaoxinxi" maxlength="20" />
										<br>
										
								
									</div>
								</div>

								<div class="modal-footer">
									<button type="button" class="btn btn-default" data-dismiss="modal">关闭
									</button>
									<button type="button" class="btn btn-primary">
										提交更改
									</button>
								</div>
							</div><!-- /.modal-content -->
						</div><!-- /.modal -->
					</div>
														<div class="modal fade" id="Modaltai" tabindex="-1" role="dialog" aria-labelledby="myModallable" aria-hidden="hidden">
						<div class="modal-dialog">
							<div class="modal-content">
								<!-- 标题 -->
								<div class="modal-header">
									<!-- data-dismiss关闭按钮 aria-hidden再洗隐藏-->
									<button class="close" data-dismiss="modal" aria-hidden="true" type="button">X</button>
									<h4 class="modal-title"> 保存信息</h4>
								</div>
								<!-- 内容部分 -->
								<div class="modal-body ">
									<!-- 分组 -->
									<div class="form-group">
										<!-- 添加内容部分 -->
										<label class="control-label">项目名称:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
										<input class="form-control" type="text" id="tijiaoxinxi" maxlength="20" />
										<br>
										<label class="control-label">项目总金额:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
										<input class="form-control" type="text" id="tijiaoxinxi" maxlength="20" />
										<br />

										<label class="control-label">负责人:</label>
										<input class="form-control" type="text" id="tijiaoxinxi" maxlength="20" />
										<br>
										<label class="control-label">开始时间:</label>
										<input class="form-control" type="text" id="tijiaoxinxi" maxlength="20" />
										<br />
										<label class="control-label">结束时间:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
										<input class="form-control" type="text" id="tijiaoxinxi" maxlength="20" />
										<br>
										

									</div>
								</div>

								<div class="modal-footer">
									<button class="btn  btn-success" id="btnxinzheng" type="button">新增</button>
								</div>
							</div>
						</div>

					</div>
								</body>
	</body>
</html>
